<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			/*
			 * 原型 prototype
			 * 
			 * 我们所创建的每一个函数, 解析器都会想函数中添加一个属性prototype
			 * 		这个属性对应着一个对象, 这个对象就是我们所谓的原型对象
			 * 
			 * 如果函数作为普通函数调用prototype没有任何作用
			 * 
			 * 当函数以构造函数的形式调用时, 它所创建的对象中都会有一个隐含的
			 * 		属性, 指向该构造函数的原型对象, 我们可以通过__proto__来
			 * 		访问该属性
			 * 
			 * 原型对象相当于一个公共的区域, 所有同一个类的事例都可以访问这个属性
			 * 		对象, 我们可以将对象中共有的内容, 统一设置到原型对象中
			 * 
			 * 当我们访问一个属性或方法时, 它会在对象自身中寻找, 如果有则直接使用, 
			 * 		如果没有则会去原型对象中寻找, 如果找到则直接使用
			 * 
			 * 以后我们创建构造函数时, 可以将这些对象共有的属性和方法, 统一添加到
			 * 		构造函数的原型对象中, 这样不用分别为每一个对象添加, 也不会影
			 * 		响到全局作用域, 就可以使每个对象都具有这些属性和方法
			 * 
			 */
			function MyClass(){
				
			}
			
			MyClass.prototype.a = 123;
			MyClass.prototype.sayHello = function(){
				console.log("hello");
			};
			
			var mc = new MyClass();
			console.log(MyClass.prototype == mc.__proto__);  // true
			var mc2 = new MyClass();
			console.log(mc.__proto__ == mc2.__proto__);  // true
			console.log(mc.a);	// 123
			console.log(mc.__proto__.a);  // 123
			console.log("\n");  // 123
			
			mc.sayHello(); 
			
			MyClass.prototype.name = "我是原型中的名字";
			
			var mc3 = new MyClass();
			mc3.age = 18;
			// 使用in检查对象中是否含有某个属性时, 如果对象中没有, 但是原型中
			//有, 也会返回true
			console.log("name" in mc3); // true
			
			// 可以使用对象的hasOwnPrototype()来检查对象自身中是否含有该属性
			console.log(mc3.hasOwnProperty("name")); //false
			console.log(mc3.hasOwnProperty("age")); //true
			console.log(mc3.hasOwnProperty("hasOwnProperty")); //false
			console.log(mc3.__proto__.hasOwnProperty("hasOwnProperty")); //false
			
			/*
			 * 原型对象也是对象, 所以它也有原型
			 * 		当我们使用一个对象的属性或方法时, 会先在自身中寻找. 
			 * 		自身中如果有, 则直接使用, 
			 * 		如果没有则去原型对象中寻找, 如果原型对象中有, 则使用. 
			 * 		如果没有这区原型的原型中寻找, 直到找到Object对象的原型
			 * 		Object对象的原型没有原型, 如果在Object中依然没有找到, 
			 * 		则返回undefined
			 */
			console.log(mc3.__proto__.__proto__.hasOwnProperty("hasOwnProperty")); // true
			console.log(mc3.__proto__.__proto__.__proto__); // null
			
			
			/*
			 * 垃圾回收
			 * 		我们需要做的只是要将不再使用的对象设置为null即可
			 */
				
		</script>
	</head>
	<body>
	</body>
</html>
